<!--<div style="display: inline-block;line-height: 64px;" ng-show="!fromFillAndSign">-->
    <!--<span>{{'documents_list' | translate }}</span>-->
    <!--  CBASE-334 要求 去掉下面的 提示 他们自己那边加 -->
    <!--<span class="hide-a6 hide-web" ng-show="lang!='JP'" style="display: block;line-height: 0px;"><a ng-click="openCloudArchive()">{{'show_uploaded_before' | translate }}</a></span>-->
<!--</div>-->
<style>
    div.sort-area ul.bomb－box li.item{
        position: relative;
    }
    div.sort-area ul.bomb－box li.item i{
        position: absolute;
        right: 6px;
        top: 6px;
    }
    div.sort-area ul.bomb－box li.item:hover{
        background:#F7F7F7;
    }
    li{
        cursor:pointer;
    }
    .search-area{
        margin-right: 10px;width: 300px;
    }
    .search-area .advance-search-btn{
        border-color: #e2e2e4;border-right:none;margin-top:15px;width: 100px;border-radius: 2px;padding-top: 6px;padding-bottom: 6px;
    }
    @media screen and (max-width: 660px){
        .search-area{
            width: 250px;
        }
    }
    @media screen and (max-width: 595px){
        .search-area{
            width: 200px;
        }
    }
    @media screen and (max-width: 530px){
        .search-area{
            width:100px;
        }
        .search-area .advance-search-btn{
            border-right:1px solid #e2e2e4;
        }
        .search-area .search-area-input{
            display: none;
        }
        .search-area .search-area-search-btn{
            display: none;
        }
    }



</style>
<div class="pull-right" style="line-height: 64px;">
    <!-- fa-th-large is the other -->
    <i class="fa fa-refresh adjust-btn" ng-click="refreshCurFolderList()"></i>
</div>
<div class="pull-right" style="line-height: 64px;">
    <!-- fa-th-large is the other -->
    <i class="fa cur-p adjust-btn" ng-class="{'fa-th-large':trStyle==true,'fa-th-list':trStyle==false}" ng-click="changeDocShowStyle()"></i>
</div>
<div class="pull-right dropdown sort-area" style="line-height: 64px;" ng-show="filePickerModal !='saveAs' || fromFillAndSign !=''">
    <span data-toggle="dropdown" class="dropdown-toggle cbutton adjust-btn " aria-expanded="false" click-effect>
        <i class="fa fa-sort-alpha-asc cur-p" style="font-size: 14px;color: #7e7e7e;"></i>
    </span>
    <ul role="menu" class="dropdown-menu bomb－box" style="top:44px;">
        <li class="dropdown-menu-title">
            <label >
                <strong>{{'sortby' | translate }}:</strong>
            </label>
        </li>
        <!--  CVAS-354 name type size added viewed modified -->
        <li class="item" ng-click="changeSort('name')">
            <label>
                {{'file_name' | translate }}
            </label>
            <i ng-show="folderOrderBy.indexOf('name')!=-1" class="fa " ng-class="{'fa-long-arrow-down':folderOrderBy.indexOf('-')!=-1,'fa-long-arrow-up':folderOrderBy.indexOf('-')==-1}"></i>
        </li>
        <li class="item" ng-click="changeSort('contentStreamLength')">
            <label >
                {{'file_size' | translate }}
            </label>
            <i ng-show="folderOrderBy.indexOf('contentStreamLength')!=-1" class="fa " ng-class="{'fa-long-arrow-down':folderOrderBy.indexOf('-')!=-1,'fa-long-arrow-up':folderOrderBy.indexOf('-')==-1}"></i>
        </li>
        <li class="item" ng-click="changeSort('lastModificationDate')">
            <label >
                {{'date_modified' | translate }}
            </label>
            <i ng-show="folderOrderBy.indexOf('lastModificationDate')!=-1" class="fa " ng-class="{'fa-long-arrow-down':folderOrderBy.indexOf('-')!=-1,'fa-long-arrow-up':folderOrderBy.indexOf('-')==-1}"></i>
        </li>
        <!--<li>-->
            <!--<label ng-click="changeSort('-contentStreamLength')">-->
                <!--<input type="radio" name="optionsRadios" ng-checked="folderOrderBy=='-contentStreamLength'">-->
                <!--{{'default' | translate }}-->
            <!--</label>-->
        <!--</li>-->
        <!--<li>-->
            <!--<label ng-click="changeSort('lastModificationDate')">-->
                <!--<input type="radio" name="optionsRadios" ng-checked="folderOrderBy=='lastModificationDate'">-->
                <!--{{'update_time_asc' | translate }}-->
            <!--</label>-->
        <!--</li>-->
        <!--<li>-->
            <!--<label ng-click="changeSort('-lastModificationDate')">-->
                <!--<input type="radio" name="optionsRadios" ng-checked="folderOrderBy=='-lastModificationDate'">-->
                <!--{{'update_time_desc' | translate }}-->
            <!--</label>-->
        <!--</li>-->
        <!--<li>-->
            <!--<label ng-click="changeSort('name')">-->
                <!--<input type="radio" name="optionsRadios" ng-checked="folderOrderBy=='name'">-->
                <!--{{'title_asc' | translate }}-->
            <!--</label>-->
        <!--</li>-->
        <!--<li>-->
            <!--<label ng-click="changeSort('-name')">-->
                <!--<input type="radio" name="optionsRadios" ng-checked="folderOrderBy=='-name'">-->
                <!--{{'title_desc' | translate }}-->
            <!--</label>-->
        <!--</li>-->
    </ul>
</div>

<!--   product search func has some problem, hide this func until product has fix the problem -->
<div class="pull-right search-area" ng-show="filePickerModal !='saveAs' || fromFillAndSign !=''">
    <div class="input-group">
        <div class="input-group-btn">
            <span class="dropdown input-group-btn" style="line-height: normal;border-radius: 2px;">
                <button type="button" class="btn btn-default dropdown-toggle advance-search-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    {{ searchType | translate }} <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li ng-click="setSearchType(query.str,'all')"><a href="javascript:;">{{ 'all' | translate }}</a></li>
                    <li ng-click="setSearchType(query.str,'document')"><a href="javascript:;">{{ 'document' | translate }}</a></li>
                    <li ng-click="setSearchType(query.str,'folder')"><a href="javascript:;">{{ 'folder' | translate }}</a></li>
                    <!--<li ng-click="setSearchType(query.str,'image')"><a href="javascript:;">{{ 'image' | translate }}</a></li>-->
                    <!--<li ng-click="setSearchType(query.str,'pdf')"><a href="javascript:;">{{ 'pdf' | translate  }}</a></li>-->
                    <!--<li ng-click="setSearchType('zip')"><a href="javascript:;">{{ 'zip' | translate }}</a></li>-->
                    <li role="separator" class="divider"></li>
                    <!--<li ng-click="setSearchType(query.str,'1day')"><a href="javascript:;">{{ '1day' | translate  }}</a></li>-->
                    <!--<li ng-click="setSearchType(query.str,'7days')"><a href="javascript:;">{{ '7days' | translate }}</a></li>-->
                    <!--<li ng-click="setSearchType(query.str,'30days')"><a href="javascript:;">{{ '30days' | translate }}</a></li>-->
                    <!--<li role="separator" class="divider"></li>-->
                    <li ng-click="advancedSearch()"><a href="javascript:;">{{ 'advanced_search' | translate  }}</a></li>
                </ul>
            </span>

        </div>
        <!--ionic 自带的 css 会把 input 的padding 和 form-control 搞乱 -->
        <input type="text" ng-model="query.str" class="form-control search-area-input" placeholder="{{ 'search_for' | translate}}" style="margin-top: 15px;height: 34px;z-index:0;padding-top: 6px;
    padding-left: 12px;">
        <span class="input-group-btn search-area-search-btn" style="line-height: normal;border-radius: 2px;">
            <button class="btn btn-default" style="border-color: #e2e2e4;margin-top:15px;outline: none;" ng-click="search(query.str,searchType,sql)" type="button"><i class="fa fa-search" ></i></button>
        </span>
    </div>
</div>

